<template>
	<div>
		<Header title="终端财务收银明细"></Header>
		<div class="Order">
			<operate
				:isAddShow="isAddShow"
				:isSeniorShow="isSeniorShow"
			></operate>
			<table cellspacing="0">
				<tr>
					<th>门店名称</th>
					<th>终端编码</th>
					<th>业务单号</th>
					<th>交易类型</th>
					<th>订单金额</th>
					<th>支付方式</th>
					<th>支付金额</th>
					<th>收银人员</th>
					<th>收银时间</th>
					<th>对账状态</th>
				</tr>
				<tr v-for="item in retailList" :key="item.id">
                    <td>{{item.storeName}}</td>
                    <td>{{item.code}}</td>
                    <td>{{item.Business}}</td>
                    <td>{{item.type}}</td>
                    <td>{{item.OrderPrice}}</td>
                    <td>{{item.payType}}</td>
                    <td>{{item.payPrice}}</td>
                    <td>{{item.cash}}</td>
                    <td>{{item.time}}</td>
                    <td>{{item.state}}</td>
                </tr>
				<tr>
					<td colspan="10" style="border:0;color:#000">
						<Footer></Footer>
					</td>
				</tr>
			</table>
		</div>
	</div>
</template>
<script>
import Header from "@/components/member/header"
import Footer from "@/components/member/footer"
import operate from "@/components/member/operate"
export default {
	data(){
        return {
            isAddShow:false,
            isSeniorShow:true,
            retailList:[],
        }
    },
    methods:{
    },
    components:{
        Footer,
        Header,
        operate
    },
    created(){
        this.$http.post('http://120.76.56.2:3000/retail/cashierDetails/get').then((res)=>{
            this.retailList = res.data
            this.$store.commit("common/setTotalNums",res.count);
            this.$store.commit("common/setTotalPages",res.pages);
        })
    },
    computed: {
        listData() {
            return this.$store.state.common.setCode;
        },
        listPage(){
            return this.$store.state.common.nowPage;
        }
    },
    watch:{
        listData(val) {
            this.$http.post('http://120.76.56.2:3000/retail/cashierDetails/get',{
                code:this.$store.state.common.code
            }).then((res)=>{
                this.retailList = res.data
            })
        },
        listPage(page){
            this.$http.post('http://120.76.56.2:3000/retail/cashierDetails/get',{
                page
            }).then((res)=>{
                this.retailList = res.data
            })
        }
    }
}
</script>
<style lang="scss" scoped>
@import "@/assets/scss/table.scss";
</style>

<style lang="scss" scoped></style>
